﻿<div class="padding-md">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <div class="am-btn-group am-btn-group-xs" role-type="mch">
                <button type="button" class="am-btn am-btn-default" data-toggle="hydra-collapse" data-target="#add-div" data-form="#add-form"><span class="am-icon-plus"></span> 新增</button>
                <button type="button" class="am-btn am-btn-default widget-toggle-hidden-option" data-toggle="hydra-collapse" data-target="#search-div" data-form="#search-form"><i class="fa fa-search-plus"></i>搜索</button>
            </div>
            <span class="smart-widget-option">
                <a href="#" class="widget-refresh-option">
                    <i class="fa fa-refresh"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-hidden-section" id="add-div">
                <form class="no-margin" id="add-form">
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">客户名称</span>
	                		<input type="text" name="customerName" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">联系人</span>
	                		<input type="text" name="contactPerson" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">联系电话</span>
	                		<input type="text" name="contactPhone" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">企业执照号</span>
	                		<input type="text" name="businessLicense" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">客户类别</span>
                            <select class="form-control" name="customerType" id="customerType">
                                <option value="">请选择</option>

                            </select>
                        </div>
                    </div>
                    <div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">合同起始日期</span>
	                		<input type="text" name="contractStartDate" id="addstartDate" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">合同截止日期</span>
	                		<input type="text" name="contractEndDate" id="addendDate" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">电子邮箱</span>
	                		<input type="text" name="email" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">传真号码</span>
	                		<input type="text" name="faxNumber" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">客户地址</span>
	                		<input type="text" name="address" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">客户经理</span>
	                		<input type="text" name="customerManager" id = "AddCustomerManager" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">备注</span>
	                		<textarea class="form-control" rows="5" name="remark"></textarea>
	                	</div>
                	</div>
                    <button type="submit" class="btn btn-sm btn-success">保存</button>
                </form>
            </div>
            <div class="smart-widget-hidden-section" id="search-div">
                <form class="no-margin form-inline" id="search-form">
                   <div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">客户名称</span>
	                		<input type="text" name="customerName" class="form-control">
	                	</div>
                       
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">合同起始日期</span>
	                		<input type="text" name="contractStartDate" id="startDate" class="form-control">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">合同结束日期</span>
	                		<input type="text" name="contractEndDate" id="endDate" class="form-control">
	                	</div>
                	</div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">客户类别</span>
                            <select class="form-control" id="customerType" name="customerType">
                                <option value="">请选择</option>

                            </select>
                        </div>
                    </div>
                     <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">合同到期状态</span>
                            <select class="form-control" id="contractStatus" name="contractStatus">
                                <option value="">请选择</option>
                                <option value="3">一个月以上到期</option>
                                <option value="2">一个月内到期</option>
                                <option value="1">已到期</option>
                            </select>
                        </div>
                    </div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">是否禁用</span>
	                		<select class="form-control" name="disabled">
	                			<option value=''>请选择</option>
	                			<option value="2">正常</option>
	                			<option value="1">禁用</option>
	                		</select>
	                	</div>
                	</div>
                    <button type="submit" class="btn btn-sm btn-success">查询</button>
                </form>
            </div>
            <div class="smart-widget-body">
                <table class="table table-hover table-striped">
                    <thead>
                        <tr>
                            <th style="text-align:center;">#</th>
                            <th style="text-align:center;">客户类别</th>
                            <th style="text-align:center;">名称</th>
                            <th style="text-align:center;">客户地址</th>
                            <th style="text-align:center;">联系人</th>
                            <th style="text-align:center;">联系电话</th>
                            <th style="text-align:center;">合同起始日期</th>
                            <th style="text-align:center;">合同截止日期</th>
                            <th style="text-align:center;">禁用</th>
                            <th style="text-align:center;width: 380px;">Action</th>
                        </tr>
                    </thead>
                    <tbody id="list-body" style="display: none;">
                        <tr>
                            <td html-id></td>
                            <td html-customerType></td>
                            <td html-customerName></td>
                            <td html-address></td>
                            <td html-contactPerson></td>
                            <td html-contactPhone></td>
                            <td html-contractStartDate></td>
                            <td label-contractEndDate></td>
                            <td label-disabled></td>
                            <td>
                                <div class="am-btn-toolbar">
                                    <div class="am-btn-group am-btn-group-xs">
                                        <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="details" role-type="mch"><span class="am-icon-pencil-square-o"></span> 更多</button>
                                        <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="edit" role-type="mch"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                                        <button class="am-btn am-btn-default am-btn-xs am-text-danger" btn-type="disabled" role-type="mch"><span class="am-icon-toggle-off"></span> 禁用</button>
                                        <button class="am-btn am-btn-default am-btn-xs am-text-danger" btn-type="delete" role-type="mch"><span class="am-icon-toggle-off"></span> 删除</button>
                                        <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="set" role-type="mch"><span class="am-icon-pencil-square-o"></span> 帐号管理</button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="am-cf" id="page-body"></div>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div>

</div><!-- ./padding-md -->
<!--编辑s-->
<script type="text/html" id="eform">
    <div class="smart-widget-hidden-section" id="edit-div">
        <form class="editform" id="edit-form">
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户名称</span>
                    <input type="text" name="customerName" class="form-control" placeholder="客户名称">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">联系人</span>
                    <input type="text" name="contactPerson" class="form-control" placeholder="联系人">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">联系电话</span>
                    <input type="text" name="contactPhone" class="form-control" placeholder="联系电话" maxlength="18">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">营业执照号</span>
                    <input type="text" name="businessLicense" class="form-control" placeholder="营业执照号">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户类型</span>
                    <select class="form-control" id="editCustomerType" name="customerType">

                            </select>
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">合同起始日期</span>
                    <input type="text" name="contractStartDate" id="editStartDate" class="form-control" placeholder="合同起始日期" maxlength="10">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">合同截止日期</span>
                    <input type="text" name="contractEndDate" id="editEndDate" class="form-control" placeholder="合同截止日期" maxlength="10">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">电子邮箱</span>
                    <input type="text" name="email" class="form-control" placeholder="电子邮箱" maxlength="50">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">传真号码</span>
                    <input type="text" name="faxNumber" class="form-control" placeholder="传真号码" maxlength="18">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户地址</span>
                    <input type="text" name="address" class="form-control" placeholder="客户地址">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户经理</span>
                    <input type="text" name="customerManager" id="editCustomerManager" class="form-control" >
                </div>
            </div>
            
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户备注</span>
                    <input type="text" name="remark" class="form-control" placeholder="客户备注" maxlength="200">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">是否禁用</span>
                    <select class="form-control" name="disabled">
                        <option value="2">正常</option>
                        <option value="1">禁用</option>
                    </select>
                </div>
            </div>
            <button type="button" hy-type-submit class="btn btn-sm btn-success">保存</button>
        </form>
    </div>
</script>

<!--更多s-->
<script type="text/html" id="detailsform">
    <div class="smart-widget-hidden-section" id="edit-div">
        <form class="editform" id="details-form">
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户名称</span>
                    <input type="text" name="customerName" class="form-control" placeholder="客户名称" disabled="disabled">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">联系人</span>
                    <input type="text" name="contactPerson" class="form-control" placeholder="联系人" disabled="disabled">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">联系电话</span>
                    <input type="text" name="contactPhone" class="form-control" placeholder="联系电话" maxlength="18" disabled="disabled">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">营业执照号</span>
                    <input type="text" name="businessLicense" class="form-control" placeholder="营业执照号" disabled="disabled">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户类型</span>
                    <input type="text" name="customerType" id="customerType" class="form-control" placeholder="客户类型" disabled="disabled">

                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">合同起始日期</span>
                    <input type="text" name="contractStartDate" class="form-control" placeholder="合同起始日期" maxlength="10" disabled="disabled">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">合同截止日期</span>
                    <input type="text" name="contractEndDate" class="form-control" placeholder="合同截止日期" maxlength="10" disabled="disabled">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">电子邮箱</span>
                    <input type="text" name="email" class="form-control" placeholder="电子邮箱" maxlength="50" disabled="disabled">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">传真号码</span>
                    <input type="text" name="faxNumber" class="form-control" placeholder="传真号码" maxlength="18" disabled="disabled">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户地址</span>
                    <input type="text" name="address" class="form-control" placeholder="客户地址" disabled="disabled">
                </div>
            </div>
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户经理</span>
                    <input type="text" name="customerManager" class="form-control" placeholder="客户经理" disabled="disabled">
                </div>
            </div>
            
             <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">客户备注</span>
                    <input type="text" name="remark" class="form-control" placeholder="客户备注" maxlength="200" disabled="disabled">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">是否禁用</span>
                    <select class="form-control" name="disabled" disabled="disabled">
                        <option value="2">正常</option>
                        <option value="1">禁用</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">禁用时间</span>
                    <input type="text" name="disableTime" class="form-control" placeholder="禁用时间" disabled="disabled">
                </div>
            </div>
            <button type="button" hy-type-submit class="btn btn-sm btn-success">关闭</button>
        </form>
    </div>
</script>
<!--更多e-->
<!--帐号管理s-->
<script type="text/html" id="accountform">
    <div class="smart-widget-hidden-section" id="stdit-div">
        <form class="editform" id="account-form">
            <div class="form-group">
                <div class="input-group col-lg-12" role-type="mch">
                    <span class="input-group-addon">关键字</span>
                    <input type="text" name="lineCode" class="form-control"  placeholder="请输入登录帐号、姓名、或手机号码">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group col-lg-12">
                    <span class="input-group-addon">帐号类别</span>
                    <input type="text" name=" " class="form-control" >
                </div>
            </div>
            <div class="form-group">
            	<span btn-type="searchAccounts" id="accountSearch" class="btn btn-sm btn-success" style="line-height: 110%;">查询</span>      
            	<span btn-type="reset"  class="btn btn-sm btn-info" >重置</span>      
            	<span btn-type="xinzengAccounts"  class="btn btn-sm btn-success" style="line-height: 110%;float: right;">新增</span>      
            </div>
            <div class="smart-widget-body">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th style="text-align:center">#</th>
                        <th style="text-align:center">用户类型</th>
                        <th style="text-align:center">登录帐号</th>
                        <th style="text-align:center">姓名</th>
                        <th style="text-align:center">手机号码</th>
                        <th style="text-align:center">帐号状态</th>
                        <th style="text-align:center">公司</th>
                        <th style="text-align:center">部门</th>
                        <th style="text-align:center">角色</th>
                        <th style="text-align:center;width: 140px;">Action</th>
                    </tr>
                    </thead>
                    <tbody id="stlist-body" style="display: none;">
	                    <tr>
	                        <td html-num></td>
	                        <td html-studentName></td> 
	                        <td html-parentPhone></td> 
	                        <td html-classes></td>
	                        <td html-studentName></td> 
	                        <td html-parentPhone></td> 
	                        <td html-classes></td>
	                        <td html-classes></td>
                       		 <td html-studentName></td>
	                        <td style="width: 150px;">
	                            <div class="am-btn-toolbar">
	                                <div class="am-btn-group am-btn-group-xs">
	                                    <span class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="stMode"><span class="am-icon-pencil-square-o"></span> 修改</span>
	                                    <span class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="stDelete"><i class="fa fa-map-marker"></i> 删除</button>
	                                </div>
	                            </div>
	                        </td>
	                    </tr>
                    </tbody>
                </table>
                <div class="am-cf" id="stpage-body"></div>
            </div>
            <!--<button type="button" hy-type-submit class="btn btn-sm btn-success">保存</button>-->
        </form>
    </div>
</script>
<!--帐号管理e-->
<!--新增帐号s-->
<script type="text/html" id="xinzengAccounts">
    <div id="alter-status-div" style="margin: 5px 15px;">
    	<div class="form-group">
            <div class="input-group col-lg-12" role-type="mch">
                <span class="input-group-addon">用户类型</span>
                <input id="stationName" html-stationName type="text" name="stationName" class="form-control" placeholder="请选择用户类型，必填">
            </div>
        </div>
        <div class="form-group">
            <div class="input-group col-lg-12">
                <span class="input-group-addon">登录帐号</span>
                <input type="text" html-arriveTime id="startTimestart" name="startTimestart" class="form-control" placeholder="请输入登录帐号，必填" html-arriveTime>
            </div>
        </div>
         <div class="form-group">
            <div class="input-group col-lg-12">
                <span class="input-group-addon">姓名</span>
                <input type="text" html-sequence name="stOrder" class="form-control"  placeholder="请输入姓名，必填">
            </div>
        </div>
        <div class="form-group">
            <div class="input-group col-lg-12">
                <span class="input-group-addon">手机号码</span>
                <input type="text" html-sequence name="stOrder" class="form-control"  placeholder="请输入手机号码，必填">
            </div>
        </div>
        <div class="form-group">
            <div class="input-group col-lg-12">
                <span class="input-group-addon">部门</span>
                <input type="text" html-sequence name="stOrder" class="form-control"  >
            </div>
        </div>
    </div>
</script>
<!--新增帐号e-->

<style>
    .smart-widget-header{position: relative}
    .tip-count{zoom: 1.7;position: absolute;top: 4px;right: 30px;}
    .module-detail-slide { -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; -webkit-transform: translateX(1000px) translateY(0px); -moz-transform: translateX(1000px) translateY(0px); -ms-transform: translateX(1000px) translateY(0px); -o-transform: translateX(1000px) translateY(0px); transform: translateX(1000px) translateY(0px); position: fixed; top: 50px; bottom: 0; right: 0; z-index: 1000; background: #f8f8f8; border-left: 1px solid #ddd; width: 1000px; -webkit-box-shadow: -3px 0 4px rgba(0,0,0,0.1); -o-box-shadow: -3px 0 4px rgba(0,0,0,0.1); box-shadow: -3px 0 4px rgba(0,0,0,0.1); }

</style>
